<template lang="html">
  <div class="menu-model">
    <el-menu
      default-active="1"
      :unique-opened="true"
      :default-openeds="['1', '2', '3']"
      :default-active="defaultActive"
      :router="true"
    >
      <el-submenu index="1">
        <template slot="title">
          <span>开发指南</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/guide/install">安装</el-menu-item>
          <el-menu-item index="/guide/quikeStart">快速上手</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="2">
        <template slot="title">
          <span>通用模块</span>
        </template>
		<el-menu-item-group>
          <el-menu-item index="/marquee">marquee 滚动</el-menu-item>
        </el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/count">count 计数</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/iconSvg">iconSvg 图标</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/card">card 卡片</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/lable">lable 标签</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/yoy">yoy 同比</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/piece">piece 块</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/swiper">swiper 滑动切换</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/keyPerson">keyPerson 重点人</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/selectService">selectService 精选服务</el-menu-item>
		  <el-menu-item index="/news">news 新闻列表</el-menu-item>
		  <el-menu-item index="/newList">newList 新闻列表带链接内外</el-menu-item>
		  <el-menu-item index="/services">services 服务</el-menu-item>
		  <el-menu-item index="/businessNews">businessNews 商圈新闻</el-menu-item>
		  <el-menu-item index="/doList">doList 办件列表</el-menu-item>
		  <el-menu-item index="/processInformation">processInformation 处理信息</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/echarts">echarts</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/echartCircle">echartCircle 饼图和雷达图</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/input">input 搜索框</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/locationList">locationList 定位列表</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/listTags">listTags 标签列表</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/listMenus">listMenus 菜单列表</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/listSelect">listSelect 选项列表</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/listBlock">listBlock 块级列表</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/listServices">listServices 服务列表</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/tab">tab 切换</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/listOa">listOa 资产列表</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/listAssets">listAssets 资产列表</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/listOaImg">listOaImg 图片列表</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/textarea">textarea 文本框</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/timeAxis">timeAxis 时间轴</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/listApplicationDetails">listApplicationDetails 权限申请详情</el-menu-item>
		</el-menu-item-group>
		<el-menu-item index="/listSelectType">listSelectType 选择类型列表</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/reportInformation">reportInformation 上报信息</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		<el-menu-item index="/listRequest">listRequest 权限请求历史</el-menu-item>
		</el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/information">information 信息/处理信息</el-menu-item>
        </el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/linkUrl">linkUrl 链接</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/timeline">timeline 时间轴</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/switch">switch 开关</el-menu-item>
		</el-menu-item-group>
		<el-menu-item-group>
		  <el-menu-item index="/toast">toast 弹出提示</el-menu-item>
		</el-menu-item-group>
		  <el-menu-item-group>
			  <el-menu-item index="/rate">rate 评分</el-menu-item>
		  </el-menu-item-group>
		  <el-menu-item-group>
			  <el-menu-item index="/water">water 水波纹</el-menu-item>
		  </el-menu-item-group>
		</el-submenu>
    </el-menu>
  </div>
</template>

<script>
export default {
  data () {
    return {
      defaultActive: '/guide/install'
    }
  },
  created () {
    const path = this.$route.fullPath
    this.defaultActive = path == '/' ? '/guide/install' : path
  },
  methods: {
  }
}
</script>

<style lang="css">
</style>
